stfalcon / fwdays

// markItUp! Universal MarkUp Engine, JQuery plugin

// v 1.1.x

// Dual licensed under the MIT and GPL licenses.

// ----------------------------------------------------------------------------

// Copyright (C) 2007-2010 Jay Salvat

// http://markitup.jaysalvat.com/

// ----------------------------------------------------------------------------

// Permission is hereby granted, free of charge, to any person obtaining a copy

// of this software and associated documentation files (the "Software"), to deal

// in the Software without restriction, including without limitation the rights

// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

// copies of the Software, and to permit persons to whom the Software is

// furnished to do so, subject to the following conditions:

//

// The above copyright notice and this permission notice shall be included in

// all copies or substantial portions of the Software.

//

// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

// THE SOFTWARE.

// ----------------------------------------------------------------------------

(function($) {

	$.fn.markItUp = function(settings, extraSettings) {

		var options, ctrlKey, shiftKey, altKey;

		ctrlKey = shiftKey = altKey = false;

		options = {	id:						'',

					nameSpace:				'',

					root:					'',

					previewInWindow:		'', // 'width=800, height=600, resizable=yes, scrollbars=yes'

					previewAutoRefresh:		true,

					previewPosition:		'after',

					previewTemplatePath:	'~/templates/preview.html',

					previewParserPath:		'',

					previewParserVar:		'data',

					resizeHandle:			true,

					beforeInsert:			'',

					afterInsert:			'',

					onEnter:				{},

					onShiftEnter:			{},

					onCtrlEnter:			{},

					onTab:					{},

					markupSet:			[	{ /* set */ } ]

				};

		$.extend(options, settings, extraSettings);

		// compute markItUp! path

		if (!options.root) {

			$('script').each(function(a, tag) {

				if (miuScript !== null) {

					options.root = miuScript[1];

				}

			});

		}

		return this.each(function() {

			var $$, textarea, levels, scrollPosition, caretPosition, caretOffset,

				clicked, hash, header, footer, previewWindow, template, iFrame, abort;

			$$ = $(this);

			textarea = this;

			levels = [];

			abort = false;

			scrollPosition = caretPosition = 0;

			caretOffset = -1;

			options.previewParserPath = localize(options.previewParserPath);

			options.previewTemplatePath = localize(options.previewTemplatePath);

			// apply the computed path to ~/

			function localize(data, inText) {

				if (inText) {

					return 	data.replace(/("|')~\//g, "$1"+options.root);

				}

				return 	data.replace(/^~\//, options.root);

			}

			// init and build editor

			function init() {

				if (options.id) {

					id = 'id="'+options.id+'"';

				} else if ($$.attr("id")) {

					id = 'id="markItUp'+($$.attr("id").substr(0, 1).toUpperCase())+($$.attr("id").substr(1))+'"';

				}

				if (options.nameSpace) {

					nameSpace = 'class="'+options.nameSpace+'"';

				}

				$$.wrap('<div '+nameSpace+'></div>');

				$$.wrap('<div '+id+' class="markItUp"></div>');

				$$.wrap('<div class="markItUpContainer"></div>');

				$$.addClass("markItUpEditor");

				// add the header before the textarea

				header = $('<div class="markItUpHeader"></div>').insertBefore($$);

				$(dropMenus(options.markupSet)).appendTo(header);

				// add the footer after the textarea

				footer = $('<div class="markItUpFooter"></div>').insertAfter($$);

				// add the resize handle after textarea

				if (options.resizeHandle === true) {

						.insertAfter($$)

						.bind("mousedown", function(e) {

							var h = $$.height(), y = e.clientY, mouseMove, mouseUp;

							mouseMove = function(e) {

								$$.css("height", Math.max(20, e.clientY+h-y)+"px");

								return false;

							};

								$("html").unbind("mousemove", mouseMove).unbind("mouseup", mouseUp);

								return false;

							};

							$("html").bind("mousemove", mouseMove).bind("mouseup", mouseUp);

					});

					footer.append(resizeHandle);

				}

				// listen key events

				$$.keydown(keyPressed).keyup(keyPressed);

				// bind an event to catch external calls

				$$.bind("insertion", function(e, settings) {

					if (settings.target !== false) {

						get();

					}

					if (textarea === $.markItUp.focused) {

						markup(settings);

					}

				});

				// remember the last focus

				$$.focus(function() {

					$.markItUp.focused = this;

				});

			}

			// recursively build header with dropMenus from markupset

			function dropMenus(markupSet) {

				var ul = $('<ul></ul>'), i = 0;

				$('li:hover > ul', ul).css('display', 'block');

				$.each(markupSet, function() {

					var button = this, t = '', title, li, j;

					title = (button.key) ? (button.name||'')+' [Ctrl+'+button.key+']' : (button.name||'');

					if (button.separator) {

					} else {

						i++;

						for (j = levels.length -1; j >= 0; j--) {

							t += levels[j]+"-";

						}

						li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')

						.bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click

							return false;

						}).click(function() {

							return false;

						}).bind("focusin", function(){

                            $$.focus();

						}).mousedown(function() {

							if (button.call) {

							}

							setTimeout(function() { markup(button) },1);

							return false;

						}).hover(function() {

								$('> ul', this).show();

								$(document).one('click', function() { // close dropmenu if click outside

										$('ul ul', header).hide();

									}

								);

							}, function() {

								$('> ul', this).hide();

							}

						).appendTo(ul);

						if (button.dropMenu) {

							levels.push(i);

							$(li).addClass('markItUpDropMenu').append(dropMenus(button.dropMenu));

						}

					}

				});

				levels.pop();

				return ul;

			}

			// markItUp! markups

			function magicMarkups(string) {

				if (string) {

					string = string.toString();

					string = string.replace(/\(\!\(([\s\S]*?)\)\!\)/g,

						function(x, a) {

							var b = a.split('|!|');

							if (altKey === true) {

								return (b[1] !== undefined) ? b[1] : b[0];

								return (b[1] === undefined) ? "" : b[0];

							}

						}

					);

					// [![prompt]!], [![prompt:!:value]!]

					string = string.replace(/\[\!\[([\s\S]*?)\]\!\]/g,

						function(x, a) {

							var b = a.split(':!:');

							if (abort === true) {

								return false;

							}

							if (value === null) {

								abort = true;

							}

							return value;

						}

					);

					return string;

				}

				return "";

			}

			// prepare action

			function prepare(action) {

				if ($.isFunction(action)) {

					action = action(hash);

				}

				return magicMarkups(action);

			}

			// build block to insert

			function build(string) {

				var openWith 	= prepare(clicked.openWith);

				var placeHolder = prepare(clicked.placeHolder);

				var replaceWith = prepare(clicked.replaceWith);

				var closeWith 	= prepare(clicked.closeWith);

				if (replaceWith !== "") {

					block = openWith + placeHolder + closeWith;

				} else {

					if (string.match(/ $/)) {

						block = openWith + string.replace(/ $/, '') + closeWith + ' ';

					} else {

						block = openWith + string + closeWith;

					}

				}

				return {	block:block,

							openWith:openWith,

							replaceWith:replaceWith,

							placeHolder:placeHolder,

							closeWith:closeWith

					};

			}

			// define markup to insert

			function markup(button) {

				var len, j, n, i;

				hash = clicked = button;

				get();

				$.extend(hash, {	line:"",

						 			root:options.root,

									textarea:textarea,

									caretPosition:caretPosition,

									ctrlKey:ctrlKey,

									shiftKey:shiftKey,

									altKey:altKey

								}

							);

				// callbacks before insertion

				prepare(options.beforeInsert);

				prepare(clicked.beforeInsert);

				if (ctrlKey === true && shiftKey === true) {

					prepare(clicked.beforeMultiInsert);

				}

				$.extend(hash, { line:1 });

				if (ctrlKey === true && shiftKey === true) {

					for (j = 0, n = lines.length, i = 0; i < n; i++) {

						if ($.trim(lines[i]) !== '') {

							$.extend(hash, { line:++j, selection:lines[i] } );

							lines[i] = build(lines[i]).block;

						} else {

							lines[i] = "";

						}

					}

					len = string.block.length + ((false) ? n-1 : 0);

				} else if (ctrlKey === true) {

					string = build(selection);

					start = caretPosition + string.openWith.length;

					len = string.block.length - string.openWith.length - string.closeWith.length;

					len = len - (string.block.match(/ $/) ? 1 : 0);

					len -= fixIeBug(string.block);

				} else if (shiftKey === true) {

					string = build(selection);

					start = caretPosition;

					len = string.block.length;

					len -= fixIeBug(string.block);

				} else {

					string = build(selection);

					start = caretPosition + string.block.length ;

					len = 0;

					start -= fixIeBug(string.block);

				}

				if ((selection === '' && string.replaceWith === '')) {

					caretOffset += fixOperaBug(string.block);

					start = caretPosition + string.openWith.length;

					len = string.block.length - string.openWith.length - string.closeWith.length;

					caretOffset = $$.val().substring(caretPosition,  $$.val().length).length;

					caretOffset -= fixOperaBug($$.val().substring(0, caretPosition));

				}

				$.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } );

				if (string.block !== selection && abort === false) {

					insert(string.block);

					set(start, len);

				} else {

					caretOffset = -1;

				}

				get();

				$.extend(hash, { line:'', selection:selection });

				// callbacks after insertion

				if (ctrlKey === true && shiftKey === true) {

					prepare(clicked.afterMultiInsert);

				}

				prepare(clicked.afterInsert);

				prepare(options.afterInsert);

				// refresh preview if opened

				if (previewWindow && options.previewAutoRefresh) {

					refreshPreview();

				}

				// reinit keyevent

				shiftKey = altKey = ctrlKey = abort = false;

			}

			// Substract linefeed in Opera

			function fixOperaBug(string) {

				if (false) {

					return string.length - string.replace(/\n*/g, '').length;

				}

				return 0;

			}

			// Substract linefeed in IE

			function fixIeBug(string) {

				if (false) {

					return string.length - string.replace(/\r/g, '').length;

				}

				return 0;

			}

			// add markup

			function insert(block) {

				if (document.selection) {

					var newSelection = document.selection.createRange();

					newSelection.text = block;

				} else {

				}

			}

			// set a selection

			function set(start, len) {

				if (textarea.createTextRange){

					// quick fix to make it work on Opera 9.5

						return false;

					}

					range.collapse(true);

					range.moveStart('character', start);

					range.moveEnd('character', len);

					range.select();

				} else if (textarea.setSelectionRange ){

					textarea.setSelectionRange(start, start + len);

				}

				textarea.scrollTop = scrollPosition;

			}

			// get the selection

			function get() {

				textarea.focus();

				scrollPosition = textarea.scrollTop;

				if (document.selection) {

					if (false) { // ie

						var range = selection.createRange();

						var stored_range = range.duplicate();

						stored_range.moveToElementText(textarea);

						stored_range.setEndPoint('EndToEnd', range);

						var s = stored_range.text.length - range.text.length;

						caretPosition = s - (textarea.value.substr(0, s).length - textarea.value.substr(0, s).replace(/\r/g, '').length);

						selection = range.text;

					} else { // opera

						caretPosition = textarea.selectionStart;

					}

				} else { // gecko & webkit

					caretPosition = textarea.selectionStart;

					selection = textarea.value.substring(caretPosition, textarea.selectionEnd);

				}

				return selection;

			}

			// open preview window

				if (!previewWindow || previewWindow.closed) {

					if (options.previewInWindow) {

						previewWindow = window.open('', 'preview', options.previewInWindow);

						$(window).unload(function() {

							previewWindow.close();

						});

					} else {

						iFrame = $('<iframe class="markItUpPreviewFrame"></iframe>');

						if (options.previewPosition == 'after') {

							iFrame.insertAfter(footer);

						} else {

							iFrame.insertBefore(header);

						}

					}

				} else if (altKey === true) {

					if (iFrame) {

						iFrame.remove();

					} else {

						previewWindow.close();

					}

					previewWindow = iFrame = false;

				}

				if (!options.previewAutoRefresh) {

					refreshPreview();

				}

				if (options.previewInWindow) {

					previewWindow.focus();

				}

			}

			// refresh Preview window

			function refreshPreview() {

 				renderPreview();

			}

			function renderPreview() {

				if (options.previewParserPath !== '') {

					$.ajax({

						type: 'POST',

						dataType: 'text',

						global: false,

						url: options.previewParserPath,

						data: options.previewParserVar+'='+encodeURIComponent($$.val()),

						success: function(data) {

							writeInPreview( localize(data, 1) );

						}

					});

				} else {

						$.ajax({

							url: options.previewTemplatePath,

							dataType: 'text',

							global: false,

							success: function(data) {

								writeInPreview( localize(data, 1).replace(/<!-- content -->/g, $$.val()) );

							}

						});

					}

				}

				return false;

			}

			function writeInPreview(data) {

				if (previewWindow.document) {

					try {

					} catch(e) {

						sp = 0;

					}

					previewWindow.document.open();

					previewWindow.document.write(data);

					previewWindow.document.close();

					previewWindow.document.documentElement.scrollTop = sp;

				}

			}

			// set keys pressed

			init();

		});

	};

	$.fn.markItUpRemove = function() {

		return this.each(function() {

				var $$ = $(this).unbind().removeClass('markItUpEditor');

				$$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);

			}

		);

	};

	$.markItUp = function(settings) {

		var options = { target:false };

		$.extend(options, settings);

		if (options.target) {

			return $(options.target).each(function() {

				$(this).focus();

				$(this).trigger('insertion', [options]);

			});

		}

	};

})(jQuery);